<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>CSS3社交关系网模拟动画DEMO演示</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <div class="socialAnimationWrapper">
            <ul class="socialAnimation">
                <li class="person"><img src="person.png" alt=""/></li>
                <li class="facebook">
                    <div class="containerImg"></div>
                    <div class="connector">
                        <span class="one"></span>
                        <span class="two"></span>
                    </div>
                </li>
                <li class="googlePlus">
                    <div class="containerImg"></div>
                    <div class="connector">
                        <span class="one"></span>
                        <span class="two"></span>
                    </div>
                </li>
                <li class="twitter">
                    <div class="containerImg"></div>
                    <div class="connector">
                        <span class="one"></span>
                        <span class="two"></span>
                    </div>
                </li>
                <li class="linkedin">
                    <div class="containerImg"></div>
                    <div class="connector">
                        <span class="one"></span>
                        <span class="two"></span>
                    </div>
                </li>
                <li class="yt">
                    <div class="containerImg"></div>
                    <div class="connector">
                        <span class="one"></span>
                        <span class="two"></span>
                    </div>
                </li>
            </ul>
        </div>
  
<div style="text-align:center;clear:both;">
<script src="/gg_bd_ad_720x90.js" type="text/javascript"></script>
<script src="/follow.js" type="text/javascript"></script>
</div>

</body>

</html>
